<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{padding:0; margin:0;}
        .box{
            width:1000px; height:300px;
            background-color: pink;
        }
        .box dl{
            width:200px; height:200px; background-color: red;
            float:left;
        }
       
        
    </style>
</head>
<body>
    昨天的上课内容
        表单
            <form>
                <input type="text"/>
                <input type="password" />
                <input type="submit" />
                <input type="reset" />
                <input type="button">
                <button></button>
            </form>
        样式表的创建
            1,行内
            2，内部
            3，外部 用最多
                <link href="" rel="stylesheet" />
        选择器
            class
            包含（后代）
            伪类选择器
                a{}
                a:hover{ }
            标签选择器
            通配符
            id选择器 唯一性
            群组选择器


        css语法
    <div class="box">
            <dl>
                <dt>五考</dt>
                <dd></dd>
                
            </dl>
            <dl>
                <dt></dt>
                <dd></dd>
            </dl>
    </div>

    <div style="width:400px;">放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧放到雪在烧</div>

</body>
</html>